<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>查看用户</title>
    <link rel="stylesheet" href="webjars/layui/2.5.5/css/layui.css">
    <!--    导入Jquery-->
    <script src="webjars/jquery/3.4.1/jquery.js" type="text/javascript"></script>
    <!--Layui-->
    <script src="webjars/layui/2.5.5/layui.js" type="text/javascript"></script>
    <!--    引入BootStrap-->
    <link rel="stylesheet" href="webjars/bootstrap/4.3.1/css/bootstrap.css" type="text/css">
    <!--    Js-->
    <script type="text/javascript" src="webjars/bootstrap/4.3.1/js/bootstrap.js"></script>
    <!--    Vue-->
    <script src="../static/js/vue.js" type="text/javascript"></script>
</head>
<body>
<div th:if="${user}!=null">
    <table class="layui-table">
        <colgroup>
            <col width="150">
            <col width="200">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>用户编号</th>
            <th>用户姓名</th>
            <th>名族</th>
            <th>证件类型</th>
            <th>证件号码</th>
            <th>性别</th>
            <th>户籍</th>
            <th>电话号码</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td th:text="${user.id}"></td>
            <td th:text="${user.name}"></td>
            <td th:text="${user.famousRace}"></td>
            <td th:text="${user.certificates}"></td>
            <td th:text="${user.certificatesNum}"></td>
            <td th:text="${user.sex}"></td>
            <td th:text="${user.householdRegister}"></td>
            <td th:text="${user.phone}"></td>
        </tr>
        </tbody>
    </table>
</div>

<div th:if="${user}==null">
    <h1 style="margin: 0 auto"><strong>对不起！没有该用户</strong></h1>
</div>


</body>
</html>